<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <!------------------------------样式表-------------------------------------->
    <!------- 页面图标 --- -->
    <link rel="icon" type="image/png" sizes="16x16" href="/image/favicon.png">
    <!------- Bootstrap --->
    <!--    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">-->
    <link href="js/shell/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <!------- 页面样式 ----->
    <!--    <link href="./css/index/style.css" rel="stylesheet">-->
    <!------- 屏幕宽高 ------>
    <script src="js/index/css.js" type="text/javascript"></script>
    <!------- 右键菜单样式 -->
    <!--    <link href="css/menu/menu.css" rel="stylesheet">-->
    <!------- 信息窗口样式 -->
    <!--    <link href="/css/index/info_window.css" rel="stylesheet">-->
    <!------- 组件样式 ----->
    <!--    <link href="./css/index/vue_style.css" rel="stylesheet">-->
    <!-------------------------------- 压缩样式表   ----------------------------- -->
    <link href="css/index/compress/mainStyleCompress.css" rel="stylesheet">
</head>
<body>
<!---------------------------------------地图----------------------------- -->
<div id="container"></div>
<!------------------------------------- 大屏组件 ---------------------------->
<!----------------------------------------标题------------------------------>
<div class="ornament1 position2"></div>
<div class="con1 position1">
    <font color="#899FAC">黑广播中心平台</font>
</div>
<!------------------------------------- 警情区 ------------------------------>
<div class="con2 position3">
    <!----- 年统计 --- -->
    <div id="chart1" class="chart1">
        <dv-charts :option="option"/>
    </div>
    <!----- 月统计 --- -->
    <div id="chart2" class="chart2">
        <dv-charts :option="option"/>
    </div>
    <!----- 设备总量 ---->
    <div id="counter3" class="counter2">
        <font class="font3" color='#899FAC'>设备总量</font>
        <dv-digital-flop :config='config'/>
    </div>
    <div class="ornament6"></div>
    <!----- 在线设备 ---->
    <div id="counter4" class="counter2">
        <font class="font3" color='#899FAC'>在线设备</font>
        <dv-digital-flop :config='config'/>
    </div>
    <div class="ornament7"></div>
</div>
<!------------------------------------- 计数器 ------------------------------>
<div class="con3 position4">
    <!----- 统计天数 --- -->
    <div id="counter1" class="counter">
        <font class="font1" color="#899FAC">统计天数</font>
        <dv-digital-flop :config="config"/>
    </div>
    <div class="ornament2"></div>
    <!----- 黑广播数 --- -->
    <div id="counter2" class="counter">
        <font class="font1" color="#899FAC">黑广播数</font>
        <dv-digital-flop :config="config"/>
    </div>
    <div class="ornament3"></div>
</div>
<!------------------------------------- 大数据 ------------------------------>
<div class="con4 position5">
    <!----- 时间统计 --- -->
    <div id="chart4" class="chart4"></div>
    <!----- 分类统计 --- -->
    <div id="chart3" class="chart3"></div>
</div>
<!------------------------------------- 信息展示 ---------------------------->
<div class="con5 position6">
    <!----- 轮播表 --- -->
    <div id="scroll" class="scroll">
        <dv-scroll-board :config="config"/>
    </div>
    <div class="ornament5"></div>
</div>
<!------------------------------------- 导航区 ------------------------------>
<div class="con6 position7">
    <div class="button">
        <a href="/new_control/con_bigdata.html">
            <button type="button" class="btn btn-info btn-block">控制中心</button>
        </a>
    </div>
    <div class="ornament4"></div>
</div>
<!------------------------------------- 热力地图 --------------------------- -->
<div class="con7 position8">
    <div id="container2"></div>
</div>
<!-----------------------------------库调用---------------------------------->
<!------- Vue ---------->
<!--<script src="https://unpkg.com/vue"></script>-->
<script src="js/shell/vue-2.6.11/dist/vue.min.js"></script>
<!------- DataV -------->
<script src="js/compress/index/datav.min.vue.js"></script>
<!-- <script src="https://unpkg.com/@jiaminghi/data-view/dist/datav.min.vue.js"></script> -->
<!------- axios -------->
<!--<script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
<!------- jquery ------->
<script type="text/javascript" src="js/shell/jquery.min.js"></script>
<!------- 高德地图 ------->
<script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=53d9330efb4cb3ce512a46f93728a097&plugin=Map3D,AMap.DistrictLayer,AMap.Scale,AMap.ToolBar"></script>
<script src="//webapi.amap.com/loca?v=1.3.2&key=53d9330efb4cb3ce512a46f93728a097" type="text/javascript"></script>
<!--<script src="https://a.amap.com/Loca/static/mock/adcodes.js"></script>-->
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<!------- Echarts ------->
<script src="/js/shell/echarts.min.js"></script>
<!------------------ axios ----------------->
<script src="/js/shell/axios.min.js" type="text/javascript"></script>
<!----------------------------------------自定义脚本---------------------------->
<!-------------------- 压缩脚本 ---------------------->
<!-- 地图 -->
<script src="js/compress/index/mainMapShellCompress.js"></script>
<!-- 图表 -->
<script src="js/compress/index/dataVShellCompress.js"></script>
<!-- js源码 -->
<!------- 热力图 ----------->
<!--<script src="/js/index/HeatMap.js" type="text/javascript"></script>-->
<!-- 地图js -->
<!--<script src="js/index/mapMainShell.js"></script>-->
<!------- DataV ---------->
<!--<script src="js/index/datavSell.js"></script>-->
<!--<script src="/js/index_text/Vue_datav.js" type="text/javascript"></script>-->
<!------- 地图容器 -------->
<!--<script src="/js/map/map_show.js" type="text/javascript"></script>-->
<!------- 热力图下钻 ------->
<!--<script src="/js/map/map_fun.js" type="text/javascript"></script>-->
<!------- 海量点 ---------->
<!-- <script src="/js/map/more_point.js" type="text/javascript"></script> -->
<!------- 右键菜单 --------->
<!--<script src="js/map/map_menu.js" type="text/javascript"></script>-->
<!------- 自制点绘制引擎 当前工作人员---->
<!--<script src="js/map/self_point.js" type="text/javascript"></script>-->
<!--海量点 黑广播-->
<!--<script src="js/map/massMark.js"></script>-->
<!------- 行政区遮罩 ------->
<!--<script src="js/map/map_mengban.js" type="text/javascript"></script>-->
<!--工具-->
<!--<script src="js/tools/selfTool.js"></script>-->
</body>
</html>